*{margin: 0 ; padding: 0;}
.indexbody{background-color: #f4f3ee;width: 100%;margin: 0 auto;}
.indexmains{margin: 0 auto;}
.indexbody_onebox{width: 1100px;overflow: hidden;padding: 20px;display: flex;justify-content: space-around;margin: 0 auto;}
.indexonebox{background-color: #fff;width: 330px;overflow: hidden;border-radius: 5px;}
.indexbody_onebox .indexonebox h3{ padding: 15px;border-bottom: #f4f3ee 1px solid;margin-bottom: 20px;}
.indexbody_onebox .indexonebox p{ color: #888;text-indent: 1em;margin-bottom: 10px;}
.indexbody_onebox .indexonebox p span{color: darkorange;}
.indexbody_twobox{background-color: #fff;padding: 20px 0;width: 100%;}
.indextwobox{width: 1100px;margin: 0 auto;text-align: center;}
.indextwobox h2{color: darkorange;text-align: center;}
.indextwobox .huanggang{margin: 0 auto;width: 50px;border-bottom: 4px solid darkorange;margin: 10px auto;}
.indextwobox p{text-align: center; color: #888;}
.indextwobox2{width: 1100px;margin: 0 auto;margin-top: 30px;}
.indextwobox2_one{display: flex;}
.indextwobox2_one div{width: 320px;text-align: center;margin: 0 auto;}
.indextwobox2_one img{width: 100px;height: 100px;}
.indextwobox2_one p{margin-top: 15px;color: #888;}
.indextwobox2_two{background-color: darkorange;color: #fff;height: 50px;width: 100px;text-align: center;margin:20px auto;line-height: 50px;border-radius:50px;}
.chahuabox{margin: 0 auto;width: 1100px;position: relative;}
.chahuabox img{text-align: center;width: 100%;}
.chahuabox_div{position: absolute;top: 100px;color: #fff;font-size: 35px;font-weight: bold;text-align: center;}
.indexthreebox{display: flex;justify-content: space-around;width: 1100px;margin: auto;margin-top: 50px;padding-bottom: 20px;}
.indexthreebox div{text-align: center;margin: 0 auto;width: 200px;}
.indexthreebox h4{margin: 10px;}
.indexthreebox p{color: #888;}
.jindutiao{border-bottom: 5px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;width: 320px;}
.jindutiao span{border-bottom: 5px sandybrown solid;padding-bottom: 10px;font-weight: bold;}
.indexbody_fourbox{background-color: #fff;width: 100%;margin: 0 auto;}
.indexlastdiv{width: 1100px;margin: 0 auto;padding: 50px 10px;}
.indexlastdiv{display: flex;justify-content: space-around;}
.indexlastdiv_left{width: 700px;border: 0px solid red;}
.indexlatleft_top{display: flex;}
.indexlatleft_topimg {width:320px;margin-right: 10px;}
.indexlatleft_topimg img{width: 100%;}
.indexlatleft_topcon{width:320px;}
.con_p1{margin: 10px 0;}
.con_p1 span{color: darkorange;}
.con_p2{color: #888;}
.indexlatleft_bot{display: flex;margin-top: 10px;}
.indexlatleft_bot div{width: 220px;margin-right: 10px;}
.indexlatleft_bot div img{width: 100%;}
.indexlastdiv_right{width: 320px;border: 0px solid red;}
.indexlastdiv_right ul li{list-style: none;padding: 10px; border-bottom: #ccc 1px solid;line-height:25px;color: #666;}



@media screen and (max-width:1100px){
.indexbody{border: 1px solid red;width: 480px;margin: 0 auto;}
.indexbody_onebox{display: block;}
.indexonebox{margin-bottom: 20px;}
.indextwobox2_one{display: block;}
.indextwobox,.indextwobox2{width: 460px;margin: 0 ;}
.chahuabox{width: 480px;margin: 0;}
.chahuabox_div{top: 20px;font-size: 20px;}
.indexthreebox{display: block;width: 480px;margin: 0 ;}
.indexthreebox div{margin: 30px auto;}
.indexlastdiv{display: block;margin: 0;}
.indexlatleft_top{display: block;text-align: center;width: 480px;margin: 0 ;margin-left: 60px;}
.indexlatleft_bot{display: block;margin: 0 auto; margin-top: 10px;width: 480px;text-align: center;}
.indexlastdiv_right{margin-left: 80px;margin-top: 30px;}
.indexlastdiv_right ul li{font-size: 14px;}
}